// import request from '/utils/request'; // 不可以
import request from '../../utils/request'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    bannerList: [], // 轮播图
    indicatorDots: true,
    vertical: false,
    autoplay: true,
    interval: 2000,
    duration: 500,
    recommendList: [], // 推荐歌单
    topListData: [], // 排行榜
  },
  handleToOtherPage(){
    wx.navigateTo({
      url: '/otherPackage/pages/other/other',
    })
  },
  toRecommendSongPage(){
    wx.navigateTo({
      url: '/songPackage/pages/recommendSong/recommendSong',
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    // 获取导航栏数据
    // request('/banner',{type:2}).then(data=>{
    //   console.log('请求成功。。。', data);
    // })
    // await 等待异步任务结束（或者.then也可以）
    let {
      banners
    } = await request('/banner', {
      type: 2
    });
    this.setData({
      bannerList: banners
    })

    // 获取推荐歌单数据
    let {
      result
    } = await request('/personalized', {
      limit: 10
    });
    this.setData({
      recommendList: result
    })

    // 获取排行榜数据
    let topListData = []
    for (let i = 0; i <= 4; i++) {
      // 获取排行榜数据
      let {
        playlist
      } = await request('/top/list', {
        idx: i
      });
      
      // 改变数据的结构 
      let itemList = playlist.tracks.slice(0, 3).map(item => ({
        pic: item.al.picUrl,
        name: item.name,
        id: item.id
      }))
      let obj = {
        title: playlist.name,
        id: playlist.id,
        itemList
      }
      topListData.push(obj)

      // 更新topList 的状态值，这样子虽然操作数据多一点，但是用户体验好
      this.setData({
        topListData
      })
    }
    // let {result} = await request('/top/list',{idx:6});
    // this.setData({recommendList:result})
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})